1. tambahkan kode ini :


// Fungsi untuk menghasilkan warna acak
function getRandomColor() {

var letters = '0123456789ABCDEF';
var color = '#';

for (var i = 0; i < 6; i++) {
color +=letters[Math.floor(Math.random() * 16)];
}
return color;
}

// Membuat array warna untuk setiap bar
var backgroundColors = data.map(function() {
return getRandomColor();
});

var borderColors = backgroundColors;

const ctx = document.getElementById('myChart').getContext('2d');


2. dan replace code ini :

const ctx = document.getElementById('myChart').getContext('2d');
var gradientctx = ctx.createLinearGradient(0, 0, 0, 400);
gradientctx.addColorStop(0, 'rgb(10, 119, 74)');
gradientctx.addColorStop(1, 'rgb(234, 255, 246)');


3. lalu ubah :

backgroundColor: gradientctx,
borderColor: gradientctx,
borderWidth: 1

4. Menjadi

backgroundColor: backgroundColors,
borderColor: borderColors,
borderWidth: 0